<template>
  <div class="bigCenter">
    <dv-scroll-board :config="config" class="scrollBoard" />
  </div>
</template>

<script>
  export default {
    name: 'BigCenter2',
    props: {
      data: {
        type: Array,
        default: () => []
      }
    },
    data () {
      return {
        config: { }
      }
    },
    watch: {
      data: {
        handler (newData) {
          this.config = {
            headerHeight: 28,
            headerBGC: '#0057FF',
            oddRowBGC: 'rgba(35,41,203,0.2)',
            evenRowBGC: '',
            header: ['姓名', '身份证', '事项', '时间'],
            index: true,
            columnWidth: [40, 100, 260],
            data: newData
          }
        },
        immediate: true,
        deep: true
      }
    }
  }
</script>

<style scoped lang="less">
  .bigCenter {
    width: 100%; height: 270px; overflow: hidden;
    .scrollBoard{width:100%;height:100%}
  }
</style>
